@keyframes animations {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 0.9;
        transform: scale(1);
    }
}

.movie {
    animation: animations 2s;
    padding: 20px;
    overflow: hidden;
}
.movie .toBorder{
    position: absolute;
    width: 1000px;
    height: 1000px;
    background-image: linear-gradient(180deg,rgb(218, 234, 132),rgb(103, 209, 238));
    animation: border-rotate 3s infinite ease;  
    
}
.delay {
    animation: todelay 2s
}

.move {
    animation: moveup 2s;
}

.movie_lao {
    position: absolute;
    animation: wave-move 5s infinite linear;
}
@keyframes border-animation {
    0% {
        background-image: linear-gradient(45deg, #ff7e5f, #feb47b);
    }
    50% {
        background-image: linear-gradient(45deg, #6a11cb, #2575fc);
    }
    100% {
        background-image: linear-gradient(45deg, #ff7e5f, #feb47b);
    }
}
@keyframes border-rotate{
    to{
        transform: rotate(360deg);
    }
}
@keyframes moveup {
    0% {
        transform: translateY(500px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes todelay {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes wave-move {
    0% {
        left: 100%;
        transform: translateY(-50px);
    }

    15% {
        left: 85%;
        transform: translateY(-30px);
    }

    30% {
        left: 65%;
        transform: translateY(-50px);
    }

    45% {
        left: 50%;
        transform: translateY(-30px);
    }

    60% {
        left: 35%;
        transform: translateY(-50px);
    }

    75% {
        left: 20%;
        transform: translateY(-30px);
    }

    90% {
        left: 5%;
        transform: translateY(-50px);
    }

    100% {
        left: -200px;
        transform: translateY(-30px);
    }

}
.light {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  opacity: 1;
  transition: transform 0.1s ease-out, opacity 0.8s ease-out, width 0.8s ease-out, height 0.8s ease-out;
}

/* 可选的渐变效果 */
.light-container .light {
  animation: lightFadeOut 1s forwards;
}

@keyframes lightFadeOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
